<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>小说</title>
		<link rel="stylesheet" href="../libs/mui/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>		
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" href="../css/pullToRefresh.css" />
	</head>	
	<style>
   		/*图片*/
   		.mui-table-view-cell>a:not(.mui-btn){
			 white-space:normal
		}
		.mui-table-view .mui-media-object {
			line-height: 93px;
			max-width:60px;
			height: 93px;
		}
		.detail{margin-top: 1em; color:#000000;font-size: 13px;line-height:15px;text-overflow: ellipsis;overflow: hidden; word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
		.autor{margin-top: 5px;}
		.autor .mui-btn{padding: 3px 10px; font-size:12px;color:#139f13 ;border-color:#139f13 ;width: 80px;}
		/*结算*/
		.jiesuan{position:fixed; color:#139f13; right:25px; bottom:90px;}
		.jiesuan .plus{padding-top: 5px; width:50px;height:25px;border-radius:50px 50px 0 0;background:#ffffff;box-shadow: 0px -3px 5px #aaa;}
		.jiesuan .btn{background-color:#139f13;  border-radius:0 0 50px 50px;width: 50px; height:25px;}
	</style>
	<body>
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<span>小说</span>
			</a>
						
		</header>
		<!--中间导航-->
		<div class="mui-content" id="mui-content">
			<div class="lists">
				
			</div>
			<!--<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" onclick="openNewPage('book-detail-needbuy.html')">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span class="mui-h5 back">老人与海</span>
								<p class="mui-pull-right">
									<span class="mui-red">8.00</span><span style="text-decoration:line-through;margin: 0 5px;">8.00</span>元
								</p>
								<p class="mui-h6 detail">《老人与海》是海明威于1951年在古巴写的一 篇中篇小说，于1952年出版…</p>
								<p class="autor">
									<span class="mui-h6 back">海明威</span>
									<span class="mui-pull-right" >
										<button type="button" class="mui-btn">加入购物车</button>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" onclick="openNewPage('book-detail-needbuy.html')">
							<img class="mui-media-object mui-pull-left" src="../public/img/5.jpg">
							<div class="mui-media-body">
								<span class="mui-h5 back">老人与海</span>
								<p class="mui-pull-right">
									<span class="mui-red">8.00</span><span style="text-decoration:line-through;margin: 0 5px;">8.00</span>元
								</p>
								<p class="mui-h6 detail">《老人与海》是海明威于1951年在古巴写的一 篇中篇小说，于1952年出版…</p>
								<p class="autor">
									<span class="mui-h6 back">海明威</span>
									<span class="mui-pull-right" >
										<button type="button" class="mui-btn">加入购物车</button>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" onclick="openNewPage('book-detail-needbuy.html')">
							<img class="mui-media-object mui-pull-left" src="../public/img/6.jpg">
							<div class="mui-media-body">
								<span class="mui-h5 back">老人与海</span>
								<p class="mui-pull-right">
									<span class="mui-red">8.00</span><span style="text-decoration:line-through;margin: 0 5px;">8.00</span>元
								</p>
								<p class="mui-h6 detail">《老人与海》是海明威于1951年在古巴写的一 篇中篇小说，于1952年出版…</p>
								<p class="autor">
									<span class="mui-h6 back">海明威</span>
									<span class="mui-pull-right" >
										<button type="button" class="mui-btn">加入购物车</button>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" onclick="openNewPage('book-detail-needbuy.html')">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span class="mui-h5 back">老人与海</span>
								<p class="mui-pull-right">
									<span class="mui-red">8.00</span><span style="text-decoration:line-through;margin: 0 5px;">8.00</span>元
								</p>
								<p class="mui-h6 detail">《老人与海》是海明威于1951年在古巴写的一 篇中篇小说，于1952年出版…</p>
								<p class="autor">
									<span class="mui-h6 back">海明威</span>
									<span class="mui-pull-right" >
										<button type="button" class="mui-btn">加入购物车</button>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>-->
			<div class="jiesuan mui-text-center goodscart">
				<div class="plus">
					<i class="mui-icon iconfont">&#xe629;</i>
					<span class="num font-14 total">0</span>
				</div>
				<div class="btn">
					<p class="white">结算</p>
				</div>
			</div>
		</div>	
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/open.js"></script>
	<script src="../libs/jquery/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/classify-books.js" ></script>
	<script type="text/javascript" src="../js/mui.pullToRefresh.js" ></script>
	<script type="text/javascript" src="../js/details.js" ></script>
	<script type="text/javascript" src="../js/app/buy.js" ></script>
	<script>
		mui.init();
		(function($) {
			//阻尼系数
			var deceleration = mui.os.ios?0.003:0.0009;
			$('.mui-scroll-wrapper').scroll({
				bounce: false,
				indicators: true, //是否显示滚动条
				deceleration:deceleration
			});
			var count = 1;
			$.ready(function() {
				//循环初始化所有下拉刷新，上拉加载。
				$.each(document.querySelectorAll('#mui-content'), function(index, pullRefreshEl) {
					$(pullRefreshEl).pullToRefresh({
						up: {
							callback: function() {
								var self = this;
								setTimeout(function() {
									loadMore(++count , self);
								}, 1000);
							}
						}
					});
				});
			});
		})(mui);
//		var num=0;	
//		$('.mui-media-body .mui-btn').each(function(i){
//			$(this).on('tap',function(){
//				num++;
//				$(".plus .num").html(num)
//				$(this).html("已添加")
//				$(this).attr('disabled',true).css({'color':'#cccccc','border-color':'#cccccc'})
//			})
//		})
	</script>
</html>
